<template>
    <div>
        <ul class="occupy-ul clearfix">
            <li class="occupy-li clearfix b-g-f">
                <div class="occupy-li-con">
                    <span class="con1">居家自查表</span>
                    <span class="con2">适用于内科患者：神经内科、呼 吸科、肿瘤等</span>
                </div>
                <img class="occupy-li-img" src="../../../static/img/shenjingneike.png" alt="" srcset="">
            </li>
            <li class="occupy-li clearfix b-g-f">
                <div class="occupy-li-con">
                    <span class="con1">居家自查表</span>
                    <span class="con2">适用于内科患者：神经内科、呼 吸科、肿瘤等</span>
                </div>
                <img class="occupy-li-img" src="../../../static/img/manbingguanli.png" alt="" srcset="">
            </li>
            <li class="occupy-li clearfix b-g-f">
                <div class="occupy-li-con">
                    <span class="con1">居家自查表</span>
                    <span class="con2">适用于内科患者：神经内科、呼 吸科、肿瘤等</span>
                </div>
                <img class="occupy-li-img" src="../../../static/img/shenjingwaike.png" alt="" srcset="">
            </li>
        </ul>
    </div>
</template>
<style lang="less" scoped>
.occupy-ul{
    margin: 0 40px;
    .occupy-li{
        margin-top: 30px;
        padding: 20px;
        border-radius: 20px;
        .occupy-li-con{
            width: calc(100% - 260px);
            float: left;
            .con1{
                display: block;
                font-size: 46px;
                line-height: 100px;
                font-weight: bold;
            }
            .con2{
                color: #444;
                font-size: 38px;
            }
        }
        .occupy-li-img{
            width: 232px;
            float: right;
        }
    }
}
</style>

